<template>
  <div class="content">
    <el-form class="info-form">
      <el-card class="card">
        <div slot="header">任务详情</div>
        <el-row>
          <el-col :lg="8" :md="12">
            <el-form-item label="任务ID：">PP20200101000003</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="任务名称：">订单预测模型导入</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="任务状态：">已完成</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="项目描述：">******</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="创建人：">******</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="创建时间：">2020-01-01 09:00:00</el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="card">
        <div slot="header">API详情</div>
        <el-row>
          <el-col :lg="8" :md="12">
            <el-form-item label="API地址：">PP20200101000003<copy-btn class="copy-btn" value="PP20200101000003"></copy-btn></el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="接口名称：">订单预测模型导入</el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="appId：">已完成<copy-btn class="copy-btn" :value="true"></copy-btn></el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="签名sign：">******<copy-btn class="copy-btn" :value="123"></copy-btn></el-form-item>
          </el-col>
          <el-col :lg="8" :md="12">
            <el-form-item label="接口文档下载：">******</el-form-item>
          </el-col>
        </el-row>
      </el-card>
    </el-form>
    <div>
      <el-button @click="goBack()">返 回</el-button>
    </div>
  </div>
</template>
<script>
import copyBtn from './components/copyBtn';
export default {
  components: {
    copyBtn,
  },
  methods: {
    goBack () {
      window.history.go(-1);
    }
  }
}
</script>
<style lang="less" scoped>
.card {
  margin-bottom: 20px;
}
.btn-row {
  padding-left: 20px;
  padding-right: 20px;
}
.info-form /deep/ .el-form-item {
  margin-bottom: 0;
}
.copy-btn {
  margin-left: 10px;
}
</style>
